input {
  background-color: transparent;
}
input.hydro-input {
  background: transparent;
  &.hydro-input--text {
    border: 1px solid;
    border-color: #d4d7d9;
    color: $neutral-color-500;
  }
}

input.hydro-input--text:focus {
  border-color: #04143c;
}

.form-control {
  display: block;
  width: 100%;
  padding: 6px 12px;
  font-size: $input-font-size;
  line-height: 1.42857143;
  color: $primary-color-500;
  background-color: #fff;
  background-image: none;
  border: 1px solid $neutral-color-300;
  border-radius: 0;
  box-sizing: border-box;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.form-control:focus {
  border-color: #04143c;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
}

label {
  color: $primary-color-700;
  font-size: $input-font-size;
}

